<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <link rel="stylesheet" href="/api-test/static/plugins/layui/css/layui.css"/>
    <link rel="stylesheet" href="/api-test/static/css/index.css"/>
    <title>后台管理系统</title>
    <style>
        .layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this{
            background-color: #1E9FFF!important;
            color: #fff;
        }
        .first-tab{
            display: inline-block;
            *display: inline;
            *zoom: 1;
            vertical-align: middle;
            font-size: 14px;
            transition: all .2s;
            -webkit-transition: all .2s;
            position: relative;
            line-height: 40px;
            min-width: 65px;
            padding: 0 15px;
            text-align: center;
            cursor: pointer;
        }
        .first-tab i{
            display: none !important;
        }
    </style>
</head>

<body class="layui-layout-body">
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header custom-header">
            <ul class="layui-nav layui-layout-left">
                <li class="layui-nav-item slide-sidebar" lay-unselect="">
                    <a href="javascript:;" class="icon-font"><i class="ai ai-menufold"></i></a>
                </li>
                <li class="layui-nav-item" lay-unselect="">
                    <a href="javascript:;" id="refresh" title="刷新">
                        <i class="layui-icon layui-icon-refresh-3" style="font-size: 16px;"></i>
                    </a>
                </li>
            </ul>

            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item">
                    <a id="index-name" href="javascript:;"></a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:void(0)" id="index-password">修改密码</a></dd>
                        <dd><a href="javascript:void(0)" id="logout">退出</a></dd>
                    </dl>
                </li>
            </ul>
        </div>

        <div class="layui-side custom-admin">
            <div class="layui-side-scroll">
                <div class="custom-logo">
                    <h1>后台管理系统</h1>
                </div>
                <ul id="Nav" class="layui-nav layui-nav-tree">
                    <!--<li class="layui-nav-item">-->
                        <!--<a href="javascript:;">-->
                            <!--<i class="layui-icon">&#xe609;</i>-->
                            <!--<em>主页</em>-->
                        <!--</a>-->
                        <!--<dl class="layui-nav-child">-->
                            <!--<dd><a href="/home/home.html">控制台</a></dd>-->
                        <!--</dl>-->
                    <!--</li>-->
                </ul>
            </div>
        </div>

        <div class="layui-body">
            <div class="layui-tab app-container" lay-allowClose="false" lay-filter="tabs">
                <ul id="appTabs" class="layui-tab-title custom-tab">
                    <li class="first-tab layui-this">主页</li>
                </ul>
                <div id="appTabPage" class="layui-tab-content">
                    <div class="layui-tab-item layui-show"><iframe frameborder="0" src="/api-test/page/home.html"></iframe></div>
                </div>
            </div>

        </div>

        <!--<div class="layui-footer"></div>-->

        <div class="mobile-mask"></div>

    </div>

    <div id="index-password-dialog" class="layui-content" style="display: none">
        <form id="index-password-form" class="layui-form" style="padding-top: 30px">
            <div class="layui-form-item">
                <label class="layui-form-label">设置密码</label>
                <div class="layui-input-block" style="width: 200px">
                    <input type="password" name="password" required="required" lay-verify="required" placeholder="请输入新密码" autocomplete="off" class="layui-input"/>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">确认密码</label>
                <div class="layui-input-block" style="width: 200px">
                    <input type="password" name="confirmPass" required="required" lay-verify="required" placeholder="请输入确认密码" autocomplete="off" class="layui-input"/>
                </div>
            </div>
            <button id="index-password-form-submit" class="layui-btn" lay-submit="" lay-filter="index-password-form-submit" style="display: none;">提交</button>
        </form>
    </div>

    <script src="/api-test/static/plugins/layui/layui.js"></script>
    <script src="/api-test/static/common/js/base.js"></script>
    <script src="/api-test/static/js/index.js" data-main="menu"></script>

</body>
</html>